<?php
// Funktion zum schlie&szlig;en aller Variabeln/bzw. Fenster
function aus()
{
    echo "<div style='float: right'>[ "; echo "<a href='".$_SERVER['PHP_SELF']."?aus=1'>Ansicht Schlie&szlig;en</a>";echo " ]</div>";
}

?>

<!doctype html>
<html lang="us">
<head>
	<meta charset="utf-8">
	<link href="scripts/jquery-ui.css" rel="stylesheet">
	<style>

	</style>
</head>
<body>


<div id="tabs">
	<ul>
		<li><a href="#tabs-1">Überschrift</a></li>
		<li><a href="#tabs-2">Textfeld</a></li>
		<li><a href="#tabs-3">Textfeld+Überschrift</a></li>
	</ul>
	<div id="tabs-1">
	
	<?php
	//Wenn Content angeklickt...
	if (isset($_GET['contentname'])) 
		{ echo "Content zum Menupunkt <b>"; echo $_GET['contentname']; echo "</b> angeben"; 
	?>
	
	<!-- Formular zum Eintrag einer Überschrift anzeigen -->
	
	  <?php
	
  if (isset($_GET['contentname'])) 
          {
			  ?>

<!-- Link script file to the HTML document in the header -->
<!-- Link script file to the HTML document in the header -->
<script language=JavaScript src="picker.js"></script>
<br>
Farben: <table>
	<form name="tcp_test">
		<tr>
			<td bgcolor="#ffffff" valign="top" nowrap><font face="tahoma, verdana" size="2">Hintergrund:</font></td>
			<td bgcolor="#ffffff" valign="top">
			<!-- Add input box to the form -->
			<input type="Text" name="input0">
			<!--
				Put icon by the input control.
				Make it the link calling picker popup.
				Specify input object reference as first parameter to the function and palete selection as second.
			-->
			<a href="javascript:TCP.popup(document.forms['tcp_test'].elements['input0'])"><img width="15" height="13" border="0" alt="Click Here to Pick up the color" src="images/color.gif"></a>
		</td>
		</tr>
		<tr>
			<td bgcolor="#ffffff" valign="top" nowrap><font face="tahoma, verdana" size="2">Text:</font></td>
			<td bgcolor="#ffffff" valign="top">
			<input type="Text" name="input1">
			<a href="javascript:TCP.popup(document.forms['tcp_test'].elements['input1'], 1)"><img width="15" height="13" border="0" alt="Click Here to Pick up the color" src="images/color.gif"></a>
			</td>
		</tr>
</table>
		</form>
		</div>

		<?php }  } ?>
	<!-- Formular zum Eintrag einer Überschrift anzeigen -->	
	
<div id="tabs-2">2</div>
<div id="tabs-3">3</div>



<script src="scripts/jquery.js"></script>
<script src="scripts/jquery-ui.js"></script>
<script>

$( "#accordion" ).accordion();



var availableTags = [
	"ActionScript",
	"AppleScript",
	"Asp",
	"BASIC",
	"C",
	"C++",
	"Clojure",
	"COBOL",
	"ColdFusion",
	"Erlang",
	"Fortran",
	"Groovy",
	"Haskell",
	"Java",
	"JavaScript",
	"Lisp",
	"Perl",
	"PHP",
	"Python",
	"Ruby",
	"Scala",
	"Scheme"
];
$( "#autocomplete" ).autocomplete({
	source: availableTags
});



$( "#button" ).button();
$( "#radioset" ).buttonset();



$( "#tabs" ).tabs();



$( "#dialog" ).dialog({
	autoOpen: false,
	width: 400,
	buttons: [
		{
			text: "Ok",
			click: function() {
				$( this ).dialog( "close" );
			}
		},
		{
			text: "Cancel",
			click: function() {
				$( this ).dialog( "close" );
			}
		}
	]
});

// Link to open the dialog
$( "#dialog-link" ).click(function( event ) {
	$( "#dialog" ).dialog( "open" );
	event.preventDefault();
});



$( "#datepicker" ).datepicker({
	inline: true
});



$( "#slider" ).slider({
	range: true,
	values: [ 17, 67 ]
});



$( "#progressbar" ).progressbar({
	value: 20
});



$( "#spinner" ).spinner();



$( "#menu" ).menu();



$( "#tooltip" ).tooltip();



$( "#selectmenu" ).selectmenu();


// Hover states on the static widgets
$( "#dialog-link, #icons li" ).hover(
	function() {
		$( this ).addClass( "ui-state-hover" );
	},
	function() {
		$( this ).removeClass( "ui-state-hover" );
	}
);
</script>
</body>
</html>
